<ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core" xmlns:p="http://primefaces.org/ui"
	template="/template/template.xhtml" xmlns:s="http://sduept.security.el/func">
	<ui:define name="head">
		<title>日报</title>
		<link rel="stylesheet" href="/resources/plugins/datatables/dataTables.bootstrap.css" />
		<script src="/resources/js/calendarLocale.js"></script>
		<style>
iframe {
	width: 100%;
	height: 600px;
}

.ui-datalist-empty-message {
	/* height: 100px; */
	min-height: 100px;
}

.ui-datalist-content {
	/* height: 100px; */
	min-height: 100px;
}

#advancedq {
	display: none;
	margin-top: 5px;
}
</style>
	</ui:define>
	<!-- 带CRUD + 查询 的列表模板  -->
	<ui:define name="content">
		<p:confirmDialog global="true" showEffect="fade" hideEffect="fade">
			<p:commandButton value="是" type="button" styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
			<p:commandButton value="否" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
		</p:confirmDialog>
		<div class='full-center-content-scroll-noheader'>
			<h:form id="form10">
				<p:toolbar id="toolbar_Defect">
					<f:facet name="left">
						<p:commandButton id="cgBtn1" value="新建" icon="ui-icon-document" />
						<p:growl id="msgs" showDetail="true" />
						<!-- 信息系统设计时应将“删除”操作以“置为不可用状态”方式实现-->
						<p:commandButton value="删除" id="delbtn1" icon="ui-icon-trash">
							<p:confirm header="提示" message="确定删除该记录吗?" icon="ui-icon-alert" />
						</p:commandButton>
						<p:commandButton oncomplete="PF('editDlgDefect').show()" icon="ui-icon-pencil" value="编辑" />
					</f:facet>
					<f:facet name="right">
						<p:outputLabel for="popup1" value="查询1：" />
						<p:inputText></p:inputText>
						<p:outputLabel for="popup1" value="时间查询：" />
						<p:calendar id="popup1" pattern="yyyy-MM-dd" />
						<p:outputLabel for="popup2" value="至 " style="margin-right:5px;margin-left:5px;" />
						<p:calendar id="popup2" pattern="yyyy-MM-dd" />
						<p:commandButton value="查询" id="query1" icon="ui-icon-search" style="margin-left:5px;" />
						<p:commandButton id="advanced" title="高级查询" icon="ui-icon-carat-1-s" style="margin-left:5px;"
							onclick="advancedQuery()" />
						<div id="advancedq">
							<p:outputLabel for="popup1" value="高级查询：" />
							<p:inputText style="margin-right:120px;" />
						</div>
					</f:facet>
				</p:toolbar>

				<p:dataTable id="protectDefectTb" value="111" emptyMessage="无记录" rows="10" paginator="true"
					paginatorTemplate="{FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
					rowsPerPageTemplate="10,20,50" paginatorPosition="bottom">
					<p:column width="50" headerText="列1 ">
						<p:outputLabel value="111" style="width:96%" />
					</p:column>
					<p:column width="60" headerText="列2">
						<h:outputText value="111" />
					</p:column>
					<p:column width="60" headerText="列3">
						<h:outputText value="111" />
					</p:column>
				</p:dataTable>
				<p:dialog widgetVar="createDlgDefect" header="新建" modal="true" id="createDlgDefect" width="400" height="440">
					<p:outputPanel id="createDetail" style="text-align:center;">
						<p:panelGrid columns="2">
							<h:outputText value="列3:" />
						</p:panelGrid>
						<p:commandButton id="createSaveBtn" value="保存" icon="ui-icon-save" style="margin-top:20px"
							oncomplete="PF('createDlgDefect').hide()" />
					</p:outputPanel>
				</p:dialog>
			</h:form>
		</div>
	</ui:define>
	<ui:define name="contentend">
		<script>
			function advancedQuery() {
				var display = $('#advancedq').css('display');
				if (display == 'none') {
					$('#advancedq').css('display', 'block');
				} else {
					$('#advancedq').css('display', 'none');
				}
			}
		</script>
	</ui:define>

</ui:composition>